layui.use(['table', 'laydate', 'form'], function() {
	var table = layui.table;
	var laydate = layui.laydate;
	var form = layui.form;
	table.render({
		elem: '#test',
		url: 'http://localhost:8080/springend-sys/pageListCourse',
		toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
		where: {
			del: 0
		},
		defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
			title: '提示',
			layEvent: 'LAYTABLE_TIPS',
			icon: 'layui-icon-tips'
		}],
		title: '用户数据表',
		cols: [
			[{
				type: 'checkbox',
				fixed: 'left'
			}, {
				field: 'coid',
				title: '编号',
				hide: true,
				width: 150
			}, {
				field: 'coname',
				title: '课程名称',
				templet: '#switchTpl',
				unresize: true
			}, {
				field: 'description',
				title: '课程简介',
			}, {
				field: 'createtime',
				title: '创建时间',
			}, {
				fixed: 'right',
				title: '操作',
				toolbar: '#barDemo',
				width: 150
			}]
		],
		page: true,
		parseData: function(res) { //将原始数据解析成 table 组件所规定的数据
			// console.log(res);
			return {
				"code": res.status, //解析接口状态
				"msg": res.message, //解析提示文本
				"count": res.data.count, //解析数据长度
				"data": res.data.list //解析数据列表
			};
		}
	});
	//监听性别操作
	form.on('switch(sexDemo)', function(obj) {
		layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
	});

	// 监听提交
	form.on('submit(demo1)', function(data) {
		table.reload('test', {
			where: {
				method: "pageListCourse",
				coname: $("#conames").val(),
				description: $("#descriptions").val()
			},
		});
		$("#formone")[0].reset();
		return false;
	});
	//头工具栏事件
	table.on('toolbar(test)', function(obj) {
		var checkStatus = table.checkStatus(obj.config.id);
		switch (obj.event) {
			case 'addData':
				$("#form")[0].reset();
				layer.open({
					type: 1,
					title: '增加',
					area: '500px',
					content: $("#form")
				});
				break;
		};
	});
	form.on('submit(demo2)', function(data) {
		if (data.field.coid == '') {
			console.log(123);
			$.ajax({
				url: 'http://localhost:8080/springend-sys/insertCourse',
				type: 'post',
				data: {
					coname: $("#coname").val(),
					description: $("#description").val(),
				},
				dataType: 'json',
				success: function(result) {
					if (result.status == 0) {
						layer.closeAll(); //疯狂模式，关闭所有层
						table.reload('test');
						$("#form")[0].reset();
						layer.msg(result.message);
					}
				}
			})
		} else {
			$.ajax({
				url: 'http://localhost:8080/springend-sys/updateCourse',
				type: 'post',
				data: {
					coid: $("#coid").val(),
					coname: $("#coname").val(),
					description: $("#description").val(),
					createtime: $("#createtime").val()
				},
				dataType: 'json',
				success: function(result) {
					if (result.status == 0) {
						layer.closeAll(); //疯狂模式，关闭所有层
						$("#form")[0].reset();
						table.reload('test');
						layer.msg(result.message);
					}
				}
			})
		}
	});

	//监听行工具事件
	table.on('tool(test)', function(obj) {
		var data = obj.data;
		//console.log(obj)
		if (obj.event === 'del') {
			layer.confirm('真的删除行么', function(index) {
				$.ajax({
					url: 'http://localhost:8080/springend-sys/deleteCourse',
					type: 'post',
					data: {
						coid: data.coid
					},
					dataType: "json",
					success: function(result) {
						if (result.status == 0) {
							layer.closeAll();
							table.reload('test');
							layer.msg(result.message);
						}
					}

				})
			});
		} else if (obj.event === 'edit') {
			form.val("formtwo", data);
			layer.open({
				type: 1,
				title: '修改',
				area: '500px',
				offset: '5%',
				content: $("#form")
			});
		}
	});
	laydate.render({
		elem: '#createtime',
		format: 'yyyy-MM-dd'
	});
	// form.on('submit(demo2)', function(data) {
	// 	$.ajax({
	// 		url: 'http://localhost:8080/springend-sys/updateCourse',
	// 		type: 'post',
	// 		data: {
	// 			coid: $("#coid").val(),
	// 			coname: $("#coname").val(),
	// 			description: $("#description").val(),
	// 			createtime: $("#createtime").val()
	// 		},
	// 		dataType: 'json',
	// 		success: function(result) {
	// 			if (result.status == 0) {
	// 				layer.closeAll(); //疯狂模式，关闭所有层
	// 				$("#form")[0].reset();
	// 				table.reload('test');
	// 				layer.msg(result.message);
	// 			}
	// 		}
	// 	})
	// });
});
